interface HoleProps {
  isActive: boolean;
  onClick: () => void;
}

const Hole: React.FC<HoleProps> = ({ isActive, onClick }) => {
  return (
    <div 
      className={`hole ${isActive ? 'active' : ''}`} 
      onClick={onClick}
    >
      <div className="mole" />
    </div>
  );
};

export default Hole; 